﻿<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">

	<title>css总结</title>

	<link rel="stylesheet" type="text/css" href="base.css"/>
	<link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
	<div class="container">
		<div class="tip"><span>.text-ellipsis</span>：文本超出长度后使用省略号</div>
		<div class="content text-ellipsis">
			很长的文本很长的文本很长的文本很长的文本很长的文本很长的文本很长的文本很长的文本
			很长的文本很长的文本很长的文本很长的文本很长的文本很长的文本很长的文本很长的文本
		</div>

		<div class="tip"><span>.text-wrap</span>：强制文本自动换行</div>
		<div class="content">
			<pre class="text-wrap">这段文字在pre标签内，按说是不会换行的。这段文字在pre标签内，按说是不会换行的。这段文字在pre标签内，按说是不会换行的。</pre>
		</div>
	</div>
</body>
</html>